import FirstItem from "./practice/jsx";
import Component from './practice/组件和模块'
import CountUse from './practice/state使用'
import {useState} from "react";
import ComponentA from "./practice/componentA";
import ComponentB from "./practice/componentB";
import Test from './practice/test'
import ReduceComponent from './practice/redux'

export default function App(defaultValue) {
    const data = '接收到数据了'
    const rejectParents=(data)=>{
        console.log(data,'子组件传递给父组件的值')
    }
    const [name,setStep]=useState('')
    const firstStep=(first)=>{
        setStep(first)
    }
    return (
        <div>
            <FirstItem></FirstItem>
            <Component reciveData={data} rejectParent={rejectParents} firstStep={firstStep}>
                <span>这是插入的值</span>
            </Component>
            <CountUse name={name}></CountUse>
            <ComponentA></ComponentA>
            <ComponentB></ComponentB>
            <Test></Test>
            <ReduceComponent></ReduceComponent>
        </div>
    )
}
